<!DOCTYPE html>
<html lang="zh-CN" xmlns:th="http://www.thymeleaf.org">
<body>
<!--设置固定值 fragment-->
<div th:fragment="head">
    <link type="text/css" rel="stylesheet" th:href="@{/bootstrap-3.3.7-dist/css/bootstrap.min.css}">
    <link type="text/css" rel="stylesheet" th:href="@{/bootstrap-3.3.7-dist/css/music.css}">
    <link type="text/css" rel="stylesheet" th:href="@{/bootstrap-3.3.7-dist/css/comment.css}">
</div>
<div th:fragment="nav">
            <nav class="navbar navbar-default navbar-static-top" role="navigation">
                <div class="navbar-header">
                    <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span><span class="icon-bar"></span><span class="icon-bar"></span><span class="icon-bar"></span></button> <a class="navbar-brand" th:href="@{/music}">Music</a>
                </div>
                <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
                    <ul class="nav navbar-nav">
                        <li class="dropdown">
                            <a th:href="@{/music/listen}">试听</a>
                        </li>
                        <li>
                            <a th:href="@{/music/comment}">动态</a>
                    </ul>
                    <form method="post" th:action="@{/music/searching}"class="navbar-form navbar-left" role="search">
                        <div class="form-group">
                            </li>
                            <input type="text" id="musicname" name="musicname" placeholder="请输入歌曲名" class="form-control" />
                        </div>
                        <button type="submit" class="btn btn-default"><span class="glyphicon glyphicon-search"></span></button>
                    </form>
                    <ul class="nav navbar-nav navbar-right">
                        <!-- 用户所在-->
                        <li  class="dropdown">
                            <a th:href="@{/user/myZoe}"  class="dropdown-toggle"><span class="glyphicon glyphicon-user">[[${session.loginUser}]]</span></a>
                                <li th:if="${session.loginUser}" >
                                    <a th:href="@{/user/logout}">退出</a>
                                </li>
                        </li>
                        <!--                       登录  -->

                        <li th:if="not ${session.loginUser}">
                            <a th:href="@{/user/login}">登录</a>
                            <!--                            <a>[[${session.loginUser}]]</a>-->
                        </li>
                        <!--                     管理员登录  -->
                        <li class="dropdown">
                            <a th:href="@{/admin/login}">Admin</a>
                        </li>
                    </ul>
                </div>
            </nav>
        </div>
    </div>
    </div>
    <div th:fragment="footer">
        <footer style="background:#303030">
        <div class="row clearfix">
        <div class="col-md-12 column">
            <p>
            <p class="text-center">
                <a href="#"style="color:grey">服务条款</a>&nbsp;|
                <a href="#"style="color:grey">隐私政策</a>&nbsp;|
                <a href="#"style="color:grey">用户服务协议</a>|
                <a href="#"style="color:grey">关于服务</a>|
                <a href="#"style="color:grey">权利声明</a>|
            <div class="text-color" align="center">
            <p>
                <span style="color:grey">违法和不良信息举报电话：11111</span>
            <p>
                <span style="color:grey">违法和不良信息邮箱：604242084@qq.com</span>
            <p>
                <span style="color:grey"> 版权所有&copy;nice0620</span>
            </p>
        </div>
        </p>
    </div>
    </footer>
    </div>
</body>
    <script th:src="@{/bootstrap-3.3.7-dist/jquery/jquery.min.js}"></script>
    <script th:src="@{/bootstrap-3.3.7-dist/js/bootstrap.min.js}"></script>
    <script th:inline="javascript" th:src="@{/bootstrap-3.3.7-dist/js/mc_music.js}"></script>
</html>